<!doctype html>
<html id="t" dir="$i18n{textdirection}" lang="$i18n{language}">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>$i18n{title}</title>
    <link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
    <link rel="stylesheet" href="about_sys.css">
    <script type="module" src="about_sys.js"></script>
  </head>
  <body>
    <div id="header">
      <h1>$i18n{title}</h1>
      <p>$i18n{description}</p>
    </div>
    <div id="content">
      <h2 id="tableTitle">$i18n{tableTitle}</h2>
      <button id="expandAll" class="global-button">$i18n{expandAllBtn}</button>
      <button id="collapseAll" class="global-button">
        $i18n{collapseAllBtn}
      </button>
      <p id="status"></p>
      <div class="spinner" id="loadingIndicator"></div>
      <table class="list" id="details">
      </table>
    </div>
  </body>
</html>
